const path = require('path');

module.exports={
    mode:'development',
    // 多入口的情况  单入口直接entry：‘’
    entry:{
        index:'./js/1.js',
        admin:'./js/2.js'
    } ,
    // 出口  位置，文件名
    output:{
        path:path.resolve(__dirname,'build'),
        // 【name】 =>表示来的文件名是什么 给的文件名还是什么  指向entry 的key
        filename:'[name].min.js' 
    },
    //  放置模块 插件 loader
    module:{
        // 规则全是json
        rules:[
            // test:用什么样的规则  use:用什么模块
            {test:/\.css$/,use:['style-loader','css-loader','postcss-loader']},
            // 只是转移了目录  css 也可以放在下面 单独打成一个css文件
            {test:/\.(jpg|png|gif)$/i,use:{
                loader:'file-loader',
                options:{
                    outputPath:'img/'
                }
            }},
            // 编译less   less-loader   less
            {test:/\.less$/,use:['style-loader','css-loader','less-loader']},
            {
                test:/\.jsx?/i,
                // excloude 排除 node_modules 里的文件不需要编译
                exclude:/node_modules/,
                use:{
                    loader:'babel-loader',
                    options:{
                        presets:['@babel/preset-env']
                    }
                }
            }
        ]
    },
    // 在报错的时候 可以查看编译前是哪错了  开发环境cheap-module-eval-source-map  生产环境cheap-module-source-map
    devtool:'cheap-module-eval-source-map'
    
}